﻿@model IList<ProductOverviewModel>
@if (Model.Any())
{
    <div id="block-recently-viewed-products" class="block block-recently-viewed-products">
            <h2 class="h5 d-block"><strong>@T("Products.RecentlyViewedProducts")</strong></h2>
            <ul class="list viewBox pl-0">
                @for (int i = 0; i < Model.Count; i++)
                {
                    var product = Model[i];
                    <li @(i == Model.Count - 1 ? @Html.Raw(" class=\"last\"") : @Html.Raw(" class=\"mb-1\""))>
                        <div class="d-flex flex-row">
                                @if (!String.IsNullOrEmpty(product.DefaultPictureModel.ImageUrl))
                                {
                                    <div>
                                            <a class="product-picture" href="@Url.RouteUrl("Product", new { SeName = product.SeName })" title="@product.DefaultPictureModel.Title">
                                                <img alt="@product.DefaultPictureModel.AlternateText" src="@product.DefaultPictureModel.ImageUrl" title="@product.DefaultPictureModel.Title" />
                                            </a>
                                    </div>
                                }
                                      <a class="product-name pl-2" href="@Url.RouteUrl("Product", new { SeName = product.SeName })">@product.Name</a>
                                </div>
                        </li>
                }
            </ul>
    </div>
}